<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="layui-v2.5.7/layui/css/layui.css">
    <link rel="stylesheet" href="swiper-5.4.5/package/css/swiper.css">

    <!-- 自己的css文件 -->
    <link rel="stylesheet" href="css/register.css">

    <!-- 数据文件 -->
    <script src="data/data.js"></script>

    <!-- layui中的js文件 -->
    <script src="layui-v2.5.7/layui/layui.js"></script>

    <!-- swiper.js -->
    <script src="swiper-5.4.5/package/js/swiper.js"></script>

    <!-- jQuery文件 -->
    <script src="jquery/jquery1.9/jquery-1.9.0.js"></script>

    <!-- 自己的js文件 -->
    <script src="js/register.js"></script>


</head>

<body>
    <div class="box">
        <form class="layui-form" action="login.html">
            <div class="layui-form-item logo">
                注册用户
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="username" id="username" required lay-verify="username" placeholder="请输入用户名" autocomplete="off" class="layui-input inputWidth">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="text" name="password" id="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input inputWidth">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-inline">
                    <input type="text" name="rePassword" id="rePassword" required lay-verify="required|rePassword" placeholder="请输入确认密码" autocomplete="off" class="layui-input inputWidth">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号</label>
                <div class="layui-input-inline">
                    <input type="text" name="phone" required lay-verify="required|phone" placeholder="请输入手机号" autocomplete="off" class="layui-input inputWidth">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs1">
                        <label class="layui-form-label">验证码</label>
                    </div>
                    <div class="layui-col-xs4 layui-col-xs-offset2">
                        <input type="text" name="code" id="codeInput" required lay-verify="code" placeholder="请输入验证码" autocomplete="off" class="codeWidth layui-input ">
                    </div>
                    <div class="layui-col-xs3">
                        <input type="text" name="codeto" id="codeto" readonly lay-verify="codeto" placeholder="获取验证码" autocomplete="off" class="codeToWidth layui-input ">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="registerBtn layui-btn " lay-submit="" lay-filter="formDemo">注册</button>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs3 layui-col-xs-offset8">
                        <a href="login.html" class="login">已有账户，请登陆</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</body>

</html>